<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
</head>
<body width="95%">
	<div data-role="page" id="pageone">

		<div data-role="header">
			<a id="goHome" data-ajax='false'
				href="/dcms/ui/bussinessmain?device=mobile"
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<h1>巡检信息</h1>
		</div>

		<div data-role="main" class="ui-content">
			<input type="hidden" id="identify" th:value="${bussinessId}" />
			<div th:if="${id != ''}">
				<input id="inspectId" name="id" type="hidden" th:value="${id}" />
			</div>
			<table data-role="table" data-mode="columntoggle:none"
				class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e"
				data-column-popup-theme="c">
				<thead class="pearlHeading">
					<tr>
						<th width="30%"></th>
						<th height="50%"></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="2">
							<!-- 从服务器传递过来的参数 --> <select id="myselect" name="myselect"
							data-native-menu="false" multiple="multiple">
							

						</select>

						</td>
					</tr>
					<tr>
						<td colspan="2"><div data-role="collapsible"
								data-collapsed="false">
								<ul data-role="listview" id="checkeprob">
								</ul>
							</div></td>
					</tr>
					<tr>

						<td colspan="2"><select id="optionId" name="optionId">
								<option th:each="ops:${options}" th:value="${ops.id}"
									th:text="${ops.title}"></option>
						</select></td>
					</tr>

					

					<tr>
						<td>巡查内容</td>
						<td><div>
								<textarea data-clear-btn="true" type="text" name="remark"
									id="remark" placeholder="巡查内容"></textarea>
							</div></td>
					</tr>


					<tr>
						<td>图片上传</td>
						<td><input type="file" id="file_upload" name="file"
							style="display: none;" /> <a href="javascript: ;" id="fileclick">
								<img src="/dcms/img/upload.png" id="avatart" style="width: 30%;" />
						</a></td>
					</tr>

				</tbody>
			</table>
			<input id="submitBtn" type="button" value="提交巡检报告" />
		</div>

		<div data-role="popup" id="popupView" data-position-to="window"
			class="ui-content" data-theme="a" data-overlay-theme="a"
			data-dismissible="false">
			<div data-role="content">
				<img th:src="@{/img/loading.gif}" />
			</div>
		</div>
		<div data-role="footer">
			<h1>版权所有 违者必究</h1>
		</div>
	</div>
	<script th:src="@{/mobile/bussinessInspection/saveOrUpdateOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>